/* other CSS */
.channels--scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #2f3136;
}

.channels--scrollbar::-webkit-scrollbar
{
    width: 6px;
    background-color:#2f3136;
}

.channels--scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #202225 ;
}

.main--chat--scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #2f3136;
}

.main--chat--scrollbar::-webkit-scrollbar
{
    width: 8px;
    background-color:#2f3136;
}

.main--chat--scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #202225 ;
}

.sidebar--users--scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #2f3136;
}

.sidebar--users--scrollbar::-webkit-scrollbar
{
    width: 6px;
    background-color:#2f3136;
}

.sidebar--users--scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #202225 ;
}
.invisible--scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #2f3136;
}

.invisible--scrollbar::-webkit-scrollbar
{
    width: 6px;
    background-color:#2f3136;
}

.invisible--scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #202225 ;
}


.scrollbar--show--hide {
    overflow-y: hidden;
  }
.scrollbar--show--hide:hover,.scrollbar--show--hide:active, .scrollbar--show--hide:focus {
    overflow-y: auto;
  }
  